<template>
  <v-base :base-title="'文件上传'">
    <template slot="baseinfo">
      文件上传，提供用户上传文件，预览图片等功能
    </template>
    <template slot="baseform">
      <v-panel :paneltitle="'基础用法'">
        <v-demo>
          <v-uploadfile slot="header"></v-uploadfile>
          <p slot="code" v-text='demo_normal'>
          </p>
          <p slot="desc">
            文件上传的基础用法
          </p>
        </v-demo>
      </v-panel>
      <v-panel :paneltitle="'禁止输入'">
        <v-demo>
        </v-demo>
      </v-panel>
      <v-panel :paneltitle="'禁用状态'">
        <v-demo>
        </v-demo>
      </v-panel>
    </template>
  </v-base>
</template>
<script>
  import base from './base.vue';
  import panel from '@/components/panel/panel.vue';
  import demo from '@/components/componentdemo/componentdemo.vue';
  import table from '@/components/table/table.vue';
  import uploadfile from '@/components/uploadfile/uploadfile.vue';
  export default{
    data () {
      return {
        demo_normal: '<v-uploadfile></v-uploadfile>'
      };
    },
    methods: {
    },
    mounted: function () {
    },
    components: {
      'v-base': base,
      'v-panel': panel,
      'v-demo': demo,
      'v-table': table,
      'v-uploadfile': uploadfile
    }
  };
</script>
<style>
</style>
